﻿<!DOCTYPE html>
<html lang="en">
    <head>  
        <meta charset="utf-8">	
        <meta name="viewport" content="width=device-width, initial-scale=1">


        <title>Registrar dia de campo</title>

        <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery-ui/jquery-ui.min.css">
    
	<script type="text/javascript" src="jquery-ui/jquery-ui.min.js"></script>
	<!--  if timepicker is used in filters -->
	<link rel="stylesheet" type="text/css" href="jquery-ui/jquery.timepicker.css"/>
	<script type="text/javascript" src="jquery-ui/jquery.timepicker.mins"></script>
	<!--  if touch event support is needed (mobile devices) -->
	<script type="text/javascript" src="jquery-ui/jquery.ui.touch-punch.min.js"></script>
	<!--  PAGINATION plugin -->
	<link rel="stylesheet" type="text/css" href="jquery-ui/jquery.bs_pagination.min.css">
	<script type="text/javascript" src="jquery-ui/jquery.bs_pagination.min.js"></script>
	<script type="text/javascript" src="jquery-ui/en.min.js"></script>
	<link rel="stylesheet" type="text/css" href="jquery-ui/jquery.jui_filter_rules.bs.min.css">
	<script type="text/javascript" src="jquery-ui/jquery.jui_filter_rules.min.js"></script>
	<script type="text/javascript" src="jquery-ui/localization/en.min.js"></script>
	<!--  required from filters plugin -->
	<script type="text/javascript" src="jquery-ui/moment.min.js"></script>
	<!--  DATAGRID plugin -->
	<link rel="stylesheet" type="text/css" href="jquery-ui/minified/jquery.bs_grid.min.css">
	<script type="text/javascript" src="jquery-ui/minified/jquery.bs_grid.min.js"></script>
	<script type="text/javascript" src="jquery-ui/minified/localization/en.min.js"></script>

    </head>

    <body>


        <!-- INICIO DEL MENU PRINCIPAL -->
        <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>			
                    </button>
                    <a class="navbar-brand" href="index.php">Logo</a>
                </div>
                <div class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Opción 1</a></li>
                        <li><a href="#">Opción 2</a></li>
                        <li><a href="#">Opción 3</a></li>
                        <li><a href="#">Opción 4</a></li>            
                        <li><a href="#">Opción 5</a></li>
                    </ul>
                </div><!-- /.nav-collapse -->
            </div><!-- /.container -->
        </div><!-- /.navbar -->
        <!-- FIN DEL MENU PRINCIPAL -->

        <div class="container">

            <table width="100%">
                <tr>
                    <td><h1>Registrar dia de campo</h1></td>
                </tr>
            </table>	

            <div class="well">

                <form class="form-horizontal well">
                    <fieldset>	
                        <table border="0" style="width: 100%">
                            <tr>
                                <td colspan="2" style="padding-left: 90px">
                                    <label class="control-label" for="input01">Fecha:</label>
                                    <input type="date">
                                </td>
                            </tr>

                            <tr>
                                <td align="center">
                                    <label class="control-label" for="input01">Lugar:</label>
                            <select id="select01">
                            <option>Seleccione</option>
				  <option>Lugar1</option>
				  <option>Lugar2</option>
				  </select>	&nbsp;
                                </td>
                                <td>
                                    <label class="control-label" for="input01">Numero de participantes:</label>
                                    <input class="span2" id="prependedInput" type="text">
                                </td>
                            </tr>

                            <tr>
                                <td align="right">
                                    <button type="submit" class="btn">Seleccionar Servicios</button>&nbsp;</td>
                                <td>
                                    &nbsp;<button type="submit" class="btn">Seleccionar Juegos</button>						</td>
                            </tr>
                            <tr>
                                <td align="right" style="height: 50px">
                                    <button type="submit" class="btn btn-primary">Registrar</button></td>
                            </tr>
                        </table>
                    </fieldset>
                </form>

            </div>

            <footer>
                <p>&copy; Company 2014</p>
            </footer>

        </div> <!-- /container -->


    </body>
</html>
